import { createBrowserRouter } from "react-router-dom";
import Basics from '@/views/Basics/Basics'
import Calendar from "@/views/Calendar";
import CalendarPro from "@/views/CalendarPro";
import Icon from "@/views/Icon";
import OnlinePiano from "@/views/OnlinePiano";
import Toast from "@/views/Toast";
import Home from "@/views/Home";
import KeepAlive from "@/views/KeepAlive";
import Mine from "@/views/KeepAlive/Mine";
import About from "@/views/KeepAlive/About";
import Dnd from "@/views/Dnd/Dnd";
import PlayGround from "@/views/PlayGround";
import LowcodeEditor from "@/views/LowcodeEditor";


const router = createBrowserRouter([
	{
		path: "/",
		element:<Home/>,
    },
    {
		path: "/basics",
		element:<Basics/>,
    },
    {
        path:"/calender",
        element:<Calendar />
    },
    {
        path:"/calender-pro",
        element:<CalendarPro />
    },
    {
        path:"/icon",
        element:<Icon />
    },
    {
        path:"/online-piano",
        element:<OnlinePiano />
    },
    {
        path:"/toast",
        element:<Toast />
    },
    {
        path:"/keep-alive",
        element:<KeepAlive />,
        children:[
            {
                path:"mine",
                element:<Mine/>
            },
            {
                path:"about",
                element:<About/>
            }
        ]
    },
    {
        path:'/dnd',
        element:<Dnd />
    },
    {
        path:'/play-ground',
        element:<PlayGround />
    },
    {
        path:'/lowcode-editor',
        element:<LowcodeEditor />
    }
]);

export default router;
